html,body,.mui-content{
	background-color: white;
}
.titleArea{
	border-bottom: dashed 1px lightgray;
	position: relative;
	padding-bottom: var(--size15);
	font-size: var(--size14);
}
.titleInfo{
	font-weight: 600;
	padding: var(--size8) var(--size15);
	width: calc(100% - var(--size80));
}
.scoreArea{
	padding-left: var(--size15);
}
#totalScore{
	display: inline-block;
	padding: 0.12rem var(--size8);
	background-color: whitesmoke;
}

.timerArea{
	position: absolute;
	right: var(--size15);
	top: var(--size10);
}
.timerIcon{
	color: var(--mainColor);
	font-size: var(--size30);
	width: 100%;
	text-align: center;
}
.timerIcon::before{
	content: "\e6b0";
}
.timerArea.start .timerIcon::before{
	content: "\e662";
}
.timerText{
	margin-top: var(--size8);
	background-color: whitesmoke;
	padding: 0.12rem var(--size5);
	font-size: var(--size14);
}

#wrapper{
	top: calc(3.5rem + 44px);
	height: calc(100% - 3.5rem - 44px );
}

.mui-table-view{
	padding-bottom: var(--size8);
}
.mui-table-view-cell{
	font-size: var(--size14);
	margin: 0 var(--size15);
	padding: 0;
	width: calc(100% - var(--size30));
	min-height: auto;
	border-radius: 0;
}

.title{
	padding: var(--size8) 0;
}
.oneTitle{
	float: right;
	padding: var(--size8) 0;
	font-size: var(--size14);
	line-height: 1.5;
	width: calc(100% - var(--size16));
}
.mui-icon-arrowright{
	font-size: var(--size16);
	padding: var(--size8) 0;
	width: var(--size16);
	line-height: 1.4;
}
.tipText{
	width: var(--size48);
	height: 30px;
	line-height: 30px;
}
.oneScore,.oneMark{
	padding: 0.2rem 0 0.2rem 1rem;
	display: flex;
	width: 100%;
}
.oneScore .mui-icon-plus,.oneScore .mui-icon-minus{
	color: var(--mainColor);
	width: 30px;
	height: 30px;
	text-align: center;
}
.oneScore .scoreText{
	width: calc(100% - var(--size50));
	background-color: whitesmoke;
	text-align: left;
	line-height: 32px;
	height: 32px;
	padding-left: var(--size10);
	font-weight: 600;
	border-radius: 4px;
}

.oneMark input[type="text"]{
	width: calc(100% - var(--size50));
	margin: 0;
	padding: 0 var(--size5);
	height: 30px;
	line-height: 30px;
	font-size: var(--size14);
	font-weight: 600;
}
.mui-table-view-cell.dhc-active .oneTitle,
.mui-table-view-cell.dhc-active .mui-icon-arrowright{
	color: var(--mainColor);
}
.mui-table-view-cell.dhc-active.text-active .oneScore .scoreText,
.mui-table-view-cell.dhc-active.mark-active input{
	border: solid 1px var(--mainColor);
	color: var(--mainColor);
}
/* 高度为10px的分隔条 */
.seperateBar{
	height: var(--size10);
	width: 100%;
	background-color: #F0F0F0;
}

.baseBtn{
	float: none;
	margin-top: var(--size15);
	width: calc(60%);
	margin-left: 20%;
	border-radius: 6px;
}

.remarkPopo{
	top: 30%;
	left: 10%;
	width: 80%;
}
.remarkPopo .tipHead{
	height: var(--size40);
	line-height: var(--size40);
	padding-left: var(--size10);
	background-color: var(--mainColor);
	color: white;
	font-size: var(--size14);
}
.remarkPopo .tipHead div{
	float: right;
	width: var(--size40);
	height: var(--size40);
	line-height: var(--size40);
	text-align: center;
}
.remarkPopo textarea{
	width: calc(100% - var(--size20));
	height: var(--size80);
	margin: var(--size10);
	border: lightgrey 1px solid;
	font-size: 16px;
}
.remarkBtns{
	margin-bottom: var(--size15);
	text-align: center;
}
.remarkBtns .mui-btn{
	font-size: var(--size14);
}
.remarkBtns .cancelBtn{
	margin-right: var(--size15);
}
